/**
 *
 * @description:
 * @author:junyong.hong
 * @createTime:2018/1/9
 * @version:1.0.0.0
 * @history:
 *    1、
 *    2、
 *
 */

$(function () {
    var $loginBox = $('#loginBox');
    var $registerBox = $('#registerBox');
    var $userInfo = $('#userInfo');

    // 切换到注册面板
    $loginBox.find('a.colMint').on('click', function () {
        $registerBox.show();
        $loginBox.hide();

    });

    //切换到登录面板
    $registerBox.find('a.colMint').on('click', function () {
        $loginBox.show();
        $registerBox.hide();
    });

    /**
     * 注册
     */
    $registerBox.find('button').on('click',function () {
        // 通过ajax提交请求
        $.ajax({
            type: 'POST',
            url: '/api/user/register',
            data: {
                username: $registerBox.find('[name="username"]').val(),
                password: $registerBox.find('[name="password"]').val(),
                repassword: $registerBox.find('[name="repassword"]').val()
            },
            dataType: 'json',
            success: function (result) {
                $registerBox.find('.colWarning').html(result.message);

                if (!result.code) {
                    setTimeout(function () {
                        $loginBox.show();
                        $registerBox.hide();
                    });
                }
            }
        });
    });

    /**
     * 登录
     */
    $loginBox.find('button').on('click',function () {
        $.ajax({
            type: 'POST',
            url: '/api/user/login',
            data: {
                username: $loginBox.find('[name="username"]').val(),
                password: $loginBox.find('[name="password"]').val(),
            },
            dataType: 'json',
            success: function (result) {

                $loginBox.find('.colWarning').html(result.message);

                //登录成功
                if(!result.code){
                    window.location.reload();//因为已经被cookie保存下来了
                    //等同于以下
                    // setTimeout(function () {
                    //     $loginBox.hide();
                    //     $userInfo.show();
                    //
                    //     //显示登录用户的信息
                    //     $userInfo.find('.username').html(result.userInfo.username);
                    //     $userInfo.find('.info').html('你好，欢光临我的博客！');
                    // },1000);
                }

            }
        });
    });


    /**
     * 退出
     */
    $('#logout').on('click',function () {
        $.ajax({
            url:'/api/user/logout',
            success:function (result) {
                if(!result.code){
                    window.location.reload();
                }
            }
        })
    });


});

